<!DOCTYPE html>
<html lang="en">
<head>
    <title>登录</title>

    <!-- Meta -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link rel="shortcut icon" href="/assets/favicon.ico">

    <!-- FontAwesome JS-->
    <script defer src="/assets/plugins/fontawesome/js/all.min.js"></script>

    <!-- App CSS -->
    <link id="theme-style" rel="stylesheet" href="/assets/css/portal.css">
</head>

<body class="app app-login p-0">
<div class="row g-0 app-auth-wrapper">
    <div class="col-12 col-md-7 col-lg-6 auth-main-col text-center p-5">
        <div class="d-flex flex-column align-content-end">
            <div class="app-auth-body mx-auto">
                <div class="app-auth-branding mb-4">
                    <a class="app-logo" href="index.html">
                        <img class="logo-icon me-2" src="/assets/images/app-logo.svg" alt="logo">
                    </a>
                </div>
                <h2 class="auth-heading text-center mb-5">登录剧本杀系统</h2>
                <p th:if="${login_fail}" style="color: red" th:text="${login_fail ? '账号或密码错误' : ''}"></p>
                <div class="auth-form-container text-start">
                    <form class="auth-form login-form" method="post" action="/ms/auth/login">
                        <div class="email mb-3">
                            <label class="form-label" for="name">账号</label>
                            <input id="name" name="account" type="text" class="form-control signup-name"
                                   placeholder="账号" required="required">
                        </div>
                        <div class="password mb-3">
                            <label class="form-label" for="signin-password">密码</label>
                            <input id="signin-password" name="password" type="password"
                                   class="form-control signin-password" placeholder="密码" required="required">
                        </div><!--//form-group-->
                        <div class="text-center">
                            <button type="submit" class="btn app-btn-primary w-100 theme-btn mx-auto">登录</button>
                        </div>
                    </form>
                    <div class="auth-option text-center pt-5">没有账号? 这里
                        <a class="text-link" href="/ms/signup">注册</a>.
                    </div>
                </div><!--//auth-form-container-->
            </div><!--//auth-body-->
        </div><!--//flex-column-->
    </div><!--//auth-main-col-->
    <div class="col-12 col-md-5 col-lg-6 h-100 auth-background-col">
        <div class="auth-background-holder"></div>
        <div class="auth-background-mask"></div>
    </div><!--//auth-background-col-->

</div><!--//row-->

</body>
</html> 
